<!--
Date: 2025-08-13
Copyright (c) 2025 CAX Conversion Project
-->
<template>
  <div class="layer_library">
    <el-tabs v-model="activeName" type="border-card" @tab-change="handleClick">
      <el-tab-pane label="蒙皮属性库" name="skinLibrary">
        <SkinLibrary v-if="activeName === 'skinLibrary'" />
      </el-tab-pane>
      <el-tab-pane label="等效材料" name="eqMaterial">
        <EqMaterial v-if="activeName === 'eqMaterial'" />
      </el-tab-pane>
      <el-tab-pane label="金属壳元属性" name="metalLibrary"><MetalLibrary v-if="activeName === 'metalLibrary'" /></el-tab-pane>
    </el-tabs>
  </div>
</template>
  <script setup>
import SkinLibrary from './component/SkinLibrary.vue';
import MetalLibrary from './component/MetalLibrary.vue';
import EqMaterial from './component/EqMaterial.vue';

const activeName = ref('skinLibrary');

// 卡片点击事件
const handleClick = (tab) => {
  activeName.value = tab;
};
</script>
  <style lang="scss" scoped>
.layer_library {
  padding: 0.5rem;
  height: calc(100vh - 84px);
  overflow: hidden;
}
</style>
      